<template>
    <!-- 八股卡片 -->
    <view class="container" @tap="goDetail">
        <view class="title">{{ item.question }}</view>
        <view class="user">上传人:{{ item.userName }}</view>
        <view class="degree">
            <text>出题频率：</text>
            <uni-rate readonly :value="item.importanceLevel" allowHalf size="15" />
        </view>
    </view>
</template>
<script setup lang="ts">
import type { interviewItem } from '@/type/interview'

const props = defineProps<{
    item: interviewItem;
}>();
const goDetail = () => {
    uni.navigateTo({ url: `/index_modules/detail/detail?id=${props.item.id}` })
}
</script>
<style scoped lang="scss">
.container {
    padding: 20rpx;
    margin: 20rpx;
    font-size: 30rpx;
    border-radius: 10rpx;
    color: #666;
    background-color: #fff;
    box-shadow: $shadow;

    .title {
        font-size: 32rpx;
        font-weight: 700;
    }

    .user {
        margin: 10rpx 0;
        font-size: 24rpx;
    }

    .degree {
        display: flex;
        font-size: 28rpx;
    }

}
</style>
